<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<div th:fragment="tongchuang-footer">


    <div style="border-top: 1px solid var(--fontColor);  margin: 70px 0;"></div>











    <style>
        footer .col .title {
            font-weight: bolder;
        }

        footer .col a:hover {
            color: var(--fontColor);
        }

        footer .col a {
            color: #85868f;
            display: block;
            text-decoration: none;
            margin: 10px 0;
        }

        @media screen and (min-width:901px) {
            /* 电脑  */
            footer {
                display: flex;
                justify-content: space-around;
                width: 80%;
                margin: auto;
            }
        }

        @media screen and (max-width:900px) {
            /* 手机 */
            footer {
                width: 90%;
                margin: auto;
            }
            footer .col{
                margin: 30px 0;
                display: block;
            }
        }
    </style>
    <footer>
        <div class="col">
            <ul>
                <a href="/about" class="title   ">走进同创</a>
                <a href="/about/profile">公司简介</a>
                <a href="/about/culture">企业文化</a>
                <a href="/about/honor">公司信誉</a>
                <a href="/about/brandhistory">品牌历程</a>
                <a href="/about/exhibitionhalls">公司环境</a>
            </ul>
        </div>
        <div class="col">
            <ul>
                <a href="/product" class="title   ">产品中心</a>
                <a href="/product/police-box">岗亭定制</a>
                <a href="/product/mobile-dining-car">移动餐车</a>
                <a href="/product/mobile-toilet">移动厕所</a>
                <a href="/product/smoking-pavilion">吸烟亭</a>
                <a href="/product/sanitation-worker-lounge">环卫工人休息室</a>
            </ul>
        </div>
        <div class="col">
            <ul>
                <a href="/caseclassification" class="title   ">工程案例</a>
            </ul>
        </div>
        <div class="col">
            <ul>
                <a href="/partner" class="title   ">合作伙伴</a>
            </ul>
        </div>
        <div class="col">
            <ul>
                <a href="/news" class="title   ">新闻中心</a>
            </ul>
        </div>
        <div class="col">
            <ul>
                <a href="/contact" class="title   ">联系我们</a>
            </ul>
        </div>
        <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
    </footer>



















</div>
</html>



